<template>
  <div data-file="layout/forum-sidebar.html">
    <Panel title="版块">
      <List slot="container" :items="forms" />
    </Panel>
    <Panel title="标签">
      <Tags slot="container" :items="tags" />
    </Panel>
    <Panel title="友情链接">
      <List slot="container" :items="links" />
    </Panel>
  </div>
</template>

<script>
import Panel from "../uicomponents/Panel";
import List from "../uicomponents/List";
import Tags from "../uicomponents/Tags";

export default {
  components: { Panel, List, Tags },
  data() {
    return {
      links: [
        { title: "官网", href: "http://baidu.com" },
        { title: "文档", href: "http://baidu.com" },
      ],
      tags: [
        { title: "golang", href: "http://baidu.com" },
        { title: "vue", href: "http://baidu.com" },
        { title: "php", href: "http://baidu.com" },
        { title: "java", href: "http://baidu.com" },
        { title: "javascript", href: "http://baidu.com" },
      ],
      forms: [
        { title: "版本发布", href: "http://baidu.com" },
        { title: "问题讨论", href: "http://baidu.com" },
        { title: "案例分享", href: "http://baidu.com" },
      ],
    };
  },
};
</script>
